<script setup lang="ts">

import ChildBoth from "@/Components/ChildBoth.vue";
import LeftList from "@/Components/LeftList.vue";
import RightUserPhoto from "@/Components/RightUserPhoto.vue";
import UndoRedoSearch from "@/Components/UndoRedoSearch.vue";
import SongBottom from "@/Components/SongBottom.vue";
</script>

<template>
  <child-both></child-both>
  <song-bottom class="pl-30 pr-35"></song-bottom>
  <div class="body flex">
    <left-list></left-list>
    <div class="main grow h-200 flex flex-col overflow-auto pb-15 mx-3 ">
      <undo-redo-search @search-word="getSearchWord"></undo-redo-search>
      <div class="mt--35 w-275 ml--101 fixed">
        <!--  <div class="flex justify-center items-center">-->
        <iframe src="http://www.almx.top/awesome/#/"
                width="2000" height="1000"
                class="scale-55 "
        >
        </iframe>
      </div>
    </div>
    <right-user-photo></right-user-photo>
  </div>



</template>

<style scoped>
div::-webkit-scrollbar {
  display: none;
}
</style>